.lesson-list li {
	width: 22%;
	background: url(../../images/list-item-bkg.jpg);
	background-size: 100% 100%;
	height: 100px; float: left; 
	display: block; padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 30px;
	transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}
.lesson-list li:not(:nth-child(4n)) {
	margin-right: 4%;
}
@media (max-width: 850px) {
	.lesson-list li { width: 30%; }
	.lesson-list li:not(:nth-child(4n)) { margin-right: 0; }
	.lesson-list li:not(:nth-child(3n)) { margin-right: 5%;	}
}
@media (max-width: 600px) {
	.lesson-list li { width: 45%; }
	.lesson-list li:not(:nth-child(3n)) { margin-right: 0; }
	.lesson-list li:not(:nth-child(2n)) { margin-right: 10%; }
}
@media (max-width: 360px) {
	.lesson-list li { width: 100%; margin-right: 0}
}

.lesson-list li.ng-leave-active {
	width: 0;
}
.lesson-list li a {
	display: block;
	width: 100%; height: 100%;
	color: #fff; font-size: 15px;
	/*font-weight: bold;*/
	position: relative;
	text-align: center;
}
.lesson-list li a .title {
	display: block; position: absolute;
	top: 50%; left: 0; width: 100%;
	color: #ccc;
	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);	
	transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.lesson-list li a .glyphicon {
	display: block; position: absolute;
	bottom: 2px; left: 5px; top: auto;
	color: #999;
	transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
.lesson-list li a:hover .title {
	color: #fff; top: 40%;
}
.lesson-list li a:hover .glyphicon {
	color: #F1C40F; left: 40px;
}
